.container {
}

/* nav导航栏 */ 
.nav {
	@include flex-box($jcsa, center)
	@include wh(750rpx, 85rpx)
	position: relative;
	background: $white_color;
	padding: 0 25rpx;
	
	&__item {
		flex: 1;
		@include flex-box();
	}
	
	&__bottom {
		@include bg-style($bg_color, null, null, 4rpx);
		@include pos-a(90rpx, 8rpx, bottom, left, 0, 0)
		transition: .3s all ease-in-out;
	}
	
	.--focus {
		color: $green_color;
	}
}

/* 订单列表 */ 
.content {
	padding: 0 25rpx;
}

.list {
	@include bg-style($white_color, 100%, auto, 10rpx);
	padding: 26rpx 0;
	margin-top: 15rpx;
	
	&__title {
		@include flex-box($jcsb, center);
		@include txts(24rpx, $text_color);
		padding: 0 20rpx 27rpx;
		.status {
			color: $orage_color;
		}
	}
	
	&__info {
		width: 100%;
		border-top: 1px solid $border_color;
		@include flex-box($jcsb, null, column);
		@include txts(24rpx, $text_color);
		
		.shop {
			@include flex-box($jcsb, $fs);
			padding: 23rpx 25rpx 23rpx 17rpx;
			&__msg {
				display: flex;
				image {
					@include wh(90rpx, 90rpx);
					border-radius: 10rpx;
					margin-right: 17rpx;
				}
				.title {
					width: 400rpx;
					max-width: 400rpx;
					font-size: 26rpx;
					line-height: 43rpx;
					display: -webkit-box;
					overflow: hidden;
					text-overflow:ellipsis;
					white-space: normal;
					word-wrap: break-word;
					-webkit-line-clamp:2;
					-webkit-box-orient: vertical;
				}
			}
			
			&__price {
				@include flex-box($jcsb, $fe, column)
				.price {
					font-size: 20rpx;
				}
				.total {
					@include txts(20rpx, #ADADAD)
				}
			}
		}
		
		.total-price {
			padding: 0 25rpx 25rpx 0;
			@include flex-box($fe, center)
			.bold {
				font-weight: bold;
			}
		}
	}
	
	&__btn {
		@include wh(100%, 78rpx);
		@include flex-box($fe, center);
		@include txts(24rpx, $text_color);
		border-top: 1px solid $border_color;
		
		.item {
			padding: 13rpx 20rpx;
			border: 1px solid $text_color;
			border-radius: 25rpx;
			margin: 28rpx 25rpx 0 0;
		}
		.item--green {
			color: $green_color;
			border: 1px solid $green_color;
		}
	}
}